<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单详情</title>
    <link rel="shortcut icon" href="./favicon.ico" />
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/details.css?s">
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../node_modules/layui-layer/dist/layer.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/cookie.js"></script>
    <script src="./js/tab.js"></script>

    <script src="./js/details.js"></script>

</head>

<body>
    <!-- 头部开始 -->
    <div class="header-container">
        <div class="new-user">
            <div class="header-wrapper">
                <div class="header-top">
                    <!--top 版心 -->
                    <div class="header-top-box">
                        <ul class="left">

                            <li>欢迎来到聚美！<a href="javascript:;">请登录</a></li>
                            <li><a href="javascript:;">快速注册</a></li>
                        </ul>
                        <ul class="right">
                            <li><a href="#">订单查询</a></li>
                            <li>
                                <a href="#">收藏的品牌<s class=icon-favorite></s></a>

                            </li>
                            <li><a href="user.html">我的聚美
                        <s class="icon-arrow"></s>
                    </a></li>
                            <li>
                                <a href="" class="mobile"> <span class="line"></span>
                                    <s class="icon-mobile"></s>手机聚美</a>

                            </li>
                            <li><a href="#">更多</a>
                                <span class="line"></span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="header-logo">
            <div class="head-certif">
                <div class="cart-all">
                    <a href="cart.html" class="cart-box">
                        <span class="cart-logtext">去购物车结算</span>
                    </a>
                </div>
            </div>
            <a href="#" class="global-logo" title="飞一般的免税店体验"></a>
        </div>
    </div>
    <!-- 头部结束 -->

    <!-- 中间部分 开始 -->
    <div class="global-body">
        <div class="detail-wrapper">
            <div class="deal-main">
                <div class="deal-left">

                    <div class="enlarge fl">
                        <div class="middle">
                            <div class="mask"></div>
                            <img src="http://p1.jmstatic.com/product/005/061/5061836_std/5061836_350_350.jpg" alt="">
                            <div class="big">
                                <img src="http://p1.jmstatic.com/product/005/061/5061836_std/5061836_350_350.jpg" alt="">
                            </div>
                        </div>
                        <div class="small">
                            <img class="active" src="http://p1.jmstatic.com/product/005/061/5061836_std/5061836_350_350.jpg" alt="">
                            <img class="active" src="http://p1.jmstatic.com/product/005/061/5061836_std/5061836_350_350.jpg" alt="">
                            <img class="active" src="http://p1.jmstatic.com/product/005/061/5061836_std/5061836_350_350.jpg" alt="">

                        </div>
                    </div>

                </div>
                <div class="deal-right">
                    <p>商品名称：<span class="goodsname">XXX</span></p>
                    <p>商品价格：<span class="goodsprice">XXX</span></p>
                    <p>商品描述：<span class="description">XXX</span></p>
                    <div class="r-fourth">
                        <a href="cart.html" class="detail-btn"><span>立即购买</span><i></i></a>
                        <a href="javascript:;" class="detail-btn two"><span>加入购物车</span><i></i></a>
                    </div>
                </div>
            </div>

            <div class="deal-detail">
                <div class="deal-nav">
                    <div class="tab fl">
                        <ul>
                            <li class="active">商品详情</li>
                            <li>商品评价</li>
                            <li>售后服务</li>
                        </ul>
                        <ol>
                            <li class="active" name="introduce">
                                <a href="">
                                    <img src="./images/4917242_160_160.jpg" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="./images/4774360_160_160.jpg" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="./images/4883930_60_60.jpg" alt="">
                                </a>
                            </li>
                        </ol>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- 中间部分结束 -->

    <!-- 底部 -->
    <div class="footer-container">
        <div class="footer-bottom">
            <div class="head-wrapper clearfix">
                <div class="footer-links">
                    <h2>极速免税店保障</h2>
                    <ul>
                        <li><a href="http://www.jumeiglobal.com/about/?from=footer" target="_blank" rel="nofollow">海外直邮</a></li>
                        <li><a href="http://www.jumeiglobal.com/about/?from=footer" target="_blank" rel="nofollow">无忧保障</a></li>
                        <li><a href="http://mp5.jmstatic.com/mobile/pc/Jumei_HongKong.jpg" target="_blank" rel="nofollow">营业执照</a></li>
                        <li><a href="http://hd.jumeiglobal.com/act/8-1-287899-2021haitaoneigouhuihaiguan0120pc.html?from=footer" target="_blank" rel="nofollow">保税仓直邮</a></li>
                    </ul>
                </div>
                <div class="footer-links">
                    <h2>新手帮助</h2>
                    <ul>
                        <li><a href="http://www.jumeiglobal.com/about/?from=footer" target="_blank" rel="nofollow">常见问题</a></li>
                        <li><a href="http://www.jumeiglobal.com/about/?from=footer" target="_blank" rel="nofollow">违规争议处理</a></li>
                    </ul>
                </div>
                <div class="footer-links">
                    <h2>相关条款</h2>
                    <ul>
                        <li><a href="http://www.jumeiglobal.com/page/business" target="_blank" rel="nofollow">极速免税店招商</a></li>
                        <li><a href="http://www.jumeiglobal.com/about/?from=footer" target="_blank" rel="nofollow">服务条款协议</a></li>
                        <li><a href="http://www.jumeiglobal.com/about/?from=footer" target="_blank" rel="nofollow">用户服务协议</a></li>
                    </ul>
                </div>
                <div class="footer-links footer-kefu">
                    <h2>客服联系方式</h2>
                    <ul>
                        <li class="f16"><span class="footer-icon f-phone"></span>400-011-0888</li>
                        <li><span class="footer-icon f-con"></span><a href="javascript:;" id="footer-faq" rel="nofollow">点击咨询在线客服</a></li>
                    </ul>
                </div>
            </div>
            <p class="footer-copy-con">
                Copyright 2017, 版权所有JUMEIGLOBAL.COM 客服电话：400-011-0888
            </p>
        </div>
    </div>
</body>

</html>